﻿<!DOCTYPE html>
<html lang="zxx">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Checkout</title>
		<!-- JqueryUI -->
		<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
		<!-- Bootstrap -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
		<!-- Awesome font icons -->
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" media="screen">
		<!-- Owlcoursel -->
		<link rel="stylesheet" type="text/css" href="css/owl-coursel/owl.carousel.css">
		<link rel="stylesheet" type="text/css" href="css/owl-coursel/owl.transitions.css">
		<!-- Magnific-popup -->
		<link rel="stylesheet" type="text/css" href="css/magnific-popup/magnific-popup.css">
		<!-- Style -->
		<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
		<!-- Fw -->
		<link rel="stylesheet" type="text/css" href="css/fw.css" media="screen">
	</head>
	<body>

         


		<div class="preloader">
			<i class="fa fa-spinner"></i>
		</div>
		<header>
			<div class="container">
				<div class="row top-header">
					<div class="col-sm-3 text-left">
						<a href="#" class="logo">
							<img src="images/logo.png" alt="logo">
						</a>
					</div>
					<div class="col-sm-9">
						<ul class="top-link pull-right">
							<li class="hidden-xs"><a href="">Wishlist</a></li>
							<li class="hidden-xs"><a href="#">Compare</a></li>
							<li class="hidden-xs"><a href="product_checkout.html">Checkout</a></li>
							<li class="dropdown hidden-xs">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" id="dropdownMenu1" aria-haspopup="true" aria-expanded="false">My Account <span class="caret"></span></a>
								<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
									<li><a href="login.html">Login</a></li>
									<li><a href="register.html">Register</a></li>
									<li><a href="#">Log out</a></li>
								</ul>
							</li>
							<li class="pull-right">
								<div class="cart dropdown">
									<a href="#" class="cart-item dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										<span>2</span><i class="fa fa-cart-plus"></i>
									</a>
									<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
										<li>
											<div class="media">
												<div class="media-left">
													<a href="#">
														<img class="media-object" src="images/9.jpg" width="50" alt="...">
													</a>
												</div>
												<div class="media-body">
													<h4 class="product-name">Lorem ipsum dolor</h4>
													<p>$15.0<span> x 3</span> <i class="fa fa-remove"></i></p>
												</div>
											</div>
										</li>
										<li>
											<div class="media">
												<div class="media-left">
													<a href="#">
														<img class="media-object" src="images/8.jpg" width="50" alt="...">
													</a>
												</div>
												<div class="media-body">
													<h4 class="product-name">Lorem ipsum dolor</h4>
													<p>$15.0<span> x 3</span> <i class="fa fa-remove"></i></p>
												</div>
											</div>
										</li>
										<li class="table-div">
											<ul class="table-content">
												<li class="row m-0">
													<div class="col col-xs-6">
														<strong>Total:</strong>
													</div>
													<div class="col col-xs-6 color-3 f-bold">
														$240.00
													</div>
												</li>
											</ul>
										</li>
										<li>
											<p>
												<a href="#" class="btn ht-btn bg-3">Checkout</a>
												<a href="#" class="btn ht-btn bg-6">Cart</a>
											</p>
										</li>
									</ul>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="bg-mn color-inher">
					<div class="row m-0">
						<div class="col-sm-1 col-md-1 col-lg-2 p-0">
							<div class="dropdown category-bar">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">
									<i class="fa fa-bars"></i><span>Categories</span>
								</a>
								<ul class="dropdown-menu">
									<li><a href="#"><span><img src="images/25.jpg" width="50" alt="image"></span>Vegetables</a></li>
									<li><a href="#"><span><img src="images/18.jpg" width="50" alt="image"></span>Broccoli</a></li>
									<li><a href="#"><span><img src="images/16.jpg" width="50" alt="image"></span>Cabbage</a></li>
									<li><a href="#"><span><img src="images/22.jpg" width="50" alt="image"></span>Bean</a></li>
									<li><a href="#"><span><img src="images/21.jpg" width="50" alt="image"></span>Heirloom</a></li>
									<li><a href="#"><span><img src="images/20.jpg" width="50" alt="image"></span>Fruit</a></li>
									<li><a href="#"><span><img src="images/19.jpg" width="50" alt="image"></span>Organic</a></li>
								</ul>
							</div>
						</div>
						<div class="col-sm-8 col-md-8 col-lg-7 p-0">
							<div class="main-menu">
								<nav class="navbar navbar-default menu">
									<div class="navbar-header">
										<button type="button" class="navbar-toggle collapsed m-r-xs-15" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
											<span class="sr-only">Toggle navigation</span>
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
										</button>
									</div>
									<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
										<ul class="nav navbar-nav"> 
											<li><a href="index.html">Home</a></li>
											<li><a href="aabout.jsp>About</a></li>
											<li><a href="login.html">Login</a></li>
											<li><a href="register.html">Register</a></li>
											<li><a href="#">Contact us</a></li>
										</ul>
									</div>
								</nav>
							</div>
						</div>		
						<div class="col-sm-3 col-md-3 col-lg-3 p-0">
							<div class="search-box m-l-xs-15 m-r-xs-15">
								<input type="text" class="form-item" placeholder="Search...">
								<button type="submit" class="fa fa-search"></button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header> 
		<div class="heading-inner-page">
			<div class="container">
				<h2>Checkout</h2>
				<ul class="breadcrumb">
					<li><a href="#">Home</a></li>
					<li><a href="#">Account</a></li>
					<li>Checkout</li>
				</ul>
			</div>
		</div>
		<!-- Checkout -->
		<section>
			<div class="container">
				<div>
					<div id="content">
						<div class="panel-group">
							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a href="#collapse0" data-toggle="collapse" data-parent="#accordion" class="accordion-toggle collapsed" aria-expanded="false">Step 1: Checkout Options
											<i class="fa fa-caret-down"></i>
										</a>
									</h4>
								</div>
								 <div id="collapse0" class="panel-collapse collapse in" role="tabpanel">
									<div class="panel-body">
										<div class="row">
											<div class="col-sm-6">
												<div class="bore p-40 p-xs-20">
													<h3 class="title">New Customer</h3>
													<p><strong>Register Account</strong></p>
													<p>By creating an account you will be able to shop faster, be up to date on an order's status, and keep track of the orders you have previously made.</p>
													<a href="#" class="btn ht-btn bg-6 m-t-20">Continue</a>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="bore p-40 p-xs-20">
													<h3 class="title">Login</h3>
													<p><strong>I am a returning customer</strong></p>
													<form>
														<div class="form-group">
															<label class="control-label f-normal" for="input-email">E-Mail Address</label>
															<input type="text" name="email" value="" placeholder="E-Mail Address" id="input-email" class="form-control form-item">
														</div>
														<div class="form-group m-t-30">
															<label class="control-label f-normal" for="input-password">Password</label>
															<input type="password" name="password" value="" placeholder="Password" id="input-password" class="form-control form-item">
															<a class="f-normal m-b-30" href="#">Forgotten Password</a>
														</div>
														<button type="submit" class="btn ht-btn bg-6 m-t-20">Login</button>
													</form>
												</div>
											</div>
										 </div>
									</div>
								</div>
							</div>
							<!--panel-->
							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a href="#collapse1" data-toggle="collapse" data-parent="#accordion" class="accordion-toggle collapsed" aria-expanded="false">Step 2: Billing Details 
											<i class="fa fa-caret-down"></i>
										</a>
									</h4>
								</div>
								<div id="collapse1" class="panel-collapse collapse" role="tabpanel">
									<div class="panel-body">
										<form class="form-horizontal">
											<div class="radio">
												<label>
													<input type="radio" name="payment_address" value="existing" checked="checked">
													I want to use an existing address
												</label>
											</div>
											<div id="payment-existing">
												<select name="address_id" class="form-control form-item p-t-15">
													<option value="1" selected="selected">Nguyen Khiem, 54/4 Tay Nam, Gia ki Da Nang, Viet Nam</option>
												</select>
											</div>
											<div class="radio">
												<label>
													<input type="radio" name="payment_address" value="new">
													I want to use a new address
												</label>
											</div>
											<br>
											<div id="payment-new" style="display: none;">
												<div class="form-group required">
													<label class="col-sm-2 control-label" for="input-payment-firstname">First Name</label>
													<div class="col-sm-10">
														<input type="text" name="firstname" value="" placeholder="First Name" id="input-payment-firstname" class="form-control form-item">
													</div>
												</div>
												<div class="form-group required">
													<label class="col-sm-2 control-label" for="input-payment-lastname">Last Name</label>
													<div class="col-sm-10">
														<input type="text" name="lastname" value="" placeholder="Last Name" id="input-payment-lastname" class="form-control form-item">
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label" for="input-payment-company">Company</label>
													<div class="col-sm-10">
														<input type="text" name="company" value="" placeholder="Company" id="input-payment-company" class="form-control form-item">
													</div>
												</div>
												<div class="form-group required">
													<label class="col-sm-2 control-label" for="input-payment-address-1">Address 1</label>
													<div class="col-sm-10">
														<input type="text" name="address_1" value="" placeholder="Address 1" id="input-payment-address-1" class="form-control form-item">
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label" for="input-payment-address-2">Address 2</label>
													<div class="col-sm-10">
														<input type="text" name="address_2" value="" placeholder="Address 2" id="input-payment-address-2" class="form-control form-item">
													</div>
												</div>
												<div class="form-group required">
													<label class="col-sm-2 control-label" for="input-payment-city">City</label>
													<div class="col-sm-10">
														<input type="text" name="city" value="" placeholder="City" id="input-payment-city" class="form-control form-item">
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label" for="input-payment-postcode">Post Code</label>
													<div class="col-sm-10">
														<input type="text" name="postcode" value="" placeholder="Post Code" id="input-payment-postcode" class="form-control form-item">
													</div>
												</div>
												<div class="form-group required">
													<label class="col-sm-2 control-label" for="input-payment-country">Country</label>
													<div class="col-sm-10">
														<select name="country_id" id="input-payment-country" class="form-control form-item">
															<option value="">Please Select</option>
															<option value="0">Name 1</option>
															<option value="1">Name 2</option>
															<option value="2">Name 3</option>
															<option value="3">Name 4</option>
															<option value="4">Name 5</option>
															<option value="5">Name 6</option>
															<option value="6">Name 7</option>
															<option value="7">Name 8</option>
															<option value="8">Name 9</option>
															<option value="9">Name 10</option>
														</select> 
													</div>
												</div>
												<div class="form-group required">
													<label class="col-sm-2 control-label" for="input-payment-zone">Region / State</label>
													<div class="col-sm-10">
														<select name="zone_id" id="input-payment-zone" class="form-control">
															<option value="">Please Select</option>
															<option value="0">Name 1</option>
															<option value="1">Name 2</option>
															<option value="2">Name 3</option>
															<option value="3">Name 4</option>
															<option value="4">Name 5</option>
															<option value="5">Name 6</option>
															<option value="6">Name 7</option>
															<option value="7">Name 8</option>
															<option value="8">Name 9</option>
															<option value="9">Name 10</option>
														</select>
													</div>
												</div>
											</div>
											<div class="buttons clearfix">
												<div class="pull-right">
													<button type="button" class="btn ht-btn bg-6">Continue</button>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
							<!--panel-->
							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a href="#collapse2" data-toggle="collapse" data-parent="#accordion" class="accordion-toggle collapsed" aria-expanded="false">Step 3: Delivery Details 
											<i class="fa fa-caret-down"></i>
										</a>
									</h4>
								</div>
								<div id="collapse2" class="panel-collapse collapse" role="tabpanel">
									<div class="panel-body">
										<form class="form-horizontal">
											<div class="radio">
												<label>
													<input type="radio" name="shipping_address" value="existing" checked="checked">
													I want to use an existing address
												</label>
											</div>
											<div id="shipping-existing">
												<select name="address_id" class="form-control form-item">
													<option value="1" selected="selected">Nguyen Khiem,am, Dong Nai, Da Nang, Viet Nam</option>
												</select>
											</div>
											<div class="radio">
												<label>
													<input type="radio" name="shipping_address" value="new">
													I want to use a new address
												</label>
											</div>
											<br>
											<div id="shipping-new" style="display: none;">
												<div class="form-group required">
													<label class="col-sm-2 control-label" for="input-shipping-firstname">First Name</label>
													<div class="col-sm-10">
														<input type="text" name="firstname" value="" placeholder="First Name" id="input-shipping-firstname" class="form-control form-item">
													</div>
												</div>
												<div class="form-group required">
													<label class="col-sm-2 control-label" for="input-shipping-lastname">Last Name</label>
													<div class="col-sm-10">
														<input type="text" name="lastname" value="" placeholder="Last Name" id="input-shipping-lastname" class="form-control form-item">
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label" for="input-shipping-company">Company</label>
													<div class="col-sm-10">
														<input type="text" name="company" value="" placeholder="Company" id="input-shipping-company" class="form-control form-item">
													</div>
												</div>
												<div class="form-group required">
													<label class="col-sm-2 control-label" for="input-shipping-address-1">Address 1</label>
													<div class="col-sm-10">
														<input type="text" name="address_1" value="" placeholder="Address 1" id="input-shipping-address-1" class="form-control form-item">
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label" for="input-shipping-address-2">Address 2</label>
													<div class="col-sm-10">
														<input type="text" name="address_2" value="" placeholder="Address 2" id="input-shipping-address-2" class="form-control form-item">
													</div>
												</div>
												<div class="form-group required">
													<label class="col-sm-2 control-label" for="input-shipping-city">City</label>
													<div class="col-sm-10">
														<input type="text" name="city" value="" placeholder="City" id="input-shipping-city" class="form-control form-item">
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label" for="input-shipping-postcode">Post Code</label>
													<div class="col-sm-10">
														<input type="text" name="postcode" value="810000" placeholder="Post Code" id="input-shipping-postcode" class="form-control form-item">
													</div>
												</div>
												<div class="form-group required">
													<label class="col-sm-2 control-label" for="input-shipping-country">Country</label>
													<div class="col-sm-10">
														<select name="country_id" id="input-shipping-country" class="form-control form-item">
															<option value="">Please Select</option>
															<option value="0">Name 1</option>
															<option value="1">Name 2</option>
															<option value="2">Name 3</option>
															<option value="3">Name 4</option>
															<option value="4">Name 5</option>
															<option value="5">Name 6</option>
															<option value="6">Name 7</option>
															<option value="7">Name 8</option>
															<option value="8">Name 9</option>
															<option value="9">Name 10</option>
														</select> 
													</div>
												</div>
												<div class="form-group required">
													<label class="col-sm-2 control-label" for="input-shipping-zone">Region / State</label>
													<div class="col-sm-10">
														<select name="zone_id" id="input-shipping-zone" class="form-control form-item">
															<option value="">Please Select</option>
															<option value="0">Name 1</option>
															<option value="1">Name 2</option>
															<option value="2">Name 3</option>
															<option value="3">Name 4</option>
															<option value="4">Name 5</option>
															<option value="5">Name 6</option>
															<option value="6">Name 7</option>
															<option value="7">Name 8</option>
															<option value="8">Name 9</option>
															<option value="9">Name 10</option>
														</select>
													</div>
												</div>
											</div>
											<div class="buttons clearfix">
												<div class="pull-right">
													<button type="button" class="btn ht-btn bg-6">Continue</button>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
							<!--panel-->
							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title"><a href="#collapse3" data-toggle="collapse" data-parent="#accordion" class="accordion-toggle collapsed" aria-expanded="false">Step 4: Delivery Method <i class="fa fa-caret-down"></i></a></h4>
								</div>
								<div id="collapse3" class="panel-collapse collapse" role="tabpanel">
									<div class="panel-body">
										<p>Please select the preferred shipping method to use on this order.</p>
										<p><strong>Flat Rate</strong></p>
										<div class="radio">
											<label>
												<input type="radio" name="shipping_method" value="flat.flat" checked="checked">
												Flat Shipping Rate - $5.00
											</label>
										</div>
										<p>
											<strong>Add Comments About Your Order</strong>
										</p>
										<p>
											<textarea name="comment" rows="8" class="form-control"></textarea>
										</p>
										<div class="buttons">
											<div class="pull-right">
												<button type="button" class="btn ht-btn bg-6">Continue</button>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!--panel-->
							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title"><a href="#collapse4" data-toggle="collapse" data-parent="#accordion" class="accordion-toggle collapsed" aria-expanded="false">Step 5: Payment Method <i class="fa fa-caret-down"></i></a></h4>
								</div>
								<div id="collapse4" class="panel-collapse collapse" role="tabpanel">
									<div class="panel-body"><p>Please select the preferred payment method to use on this order.</p>
										<div class="radio">
											<label>
												<input type="radio" name="payment_method" value="cod" checked="checked">
												Cash On Delivery      	
											</label>
										</div>
										<p>
											<strong>Add Comments About Your Order</strong>
										</p>
										<p>
											<textarea name="comment" rows="8" class="form-control"></textarea>
										</p>
										<div class="buttons">
											<div class="pull-right">I have read and agree to the
												<a href="#" class="agree">
													<b>Terms &amp; Conditions</b>
												</a>
												<input type="checkbox" name="agree" value="1">
												<button type="button" class="btn ht-btn bg-6">Continue</button>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!--panel-->
							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a href="#collapse5" data-toggle="collapse" data-parent="#accordion" class="accordion-toggle collapsed" aria-expanded="false">Step 6: Confirm Order
											<i class="fa fa-caret-down"></i>
										</a>
									</h4>
								</div>
								<div id="collapse5" class="panel-collapse collapse" role="tabpanel">
									<div class="panel-body">
										<div class="table-responsive">  
											<form>
												<div>
													<div class="table-div">
														<div class="row m-0 table-heading">
															<div class="col col-xs-1"><strong>Image</strong></div>
															<div class="col col-xs-3"><strong>Product Name</strong></div>
															<div class="col col-xs-2"><strong>Model</strong></div>
															<div class="col col-xs-2"><strong>Quantity</strong></div>
															<div class="col col-xs-2"><strong>Unit Price</strong></div>
															<div class="col col-xs-2"><strong>Total</strong></div>
														</div>
														<div class="row m-0 table-content">
															<div class="col col-xs-1">
																<a href="#"><img src="images/12.jpg" width="70" alt="iPhone" title="iPhone"></a>
															</div>
															<div class="col col-xs-3">
																<a href="#">iPhone</a>
															</div>
															<div class="col col-xs-2">product 11</div>
															<div class="col col-xs-2">
																<div class="input-group btn-block">
																	<input type="number"  value="1" size="1" class="form-control form-item">
																</div>
															</div>
															<div class="col col-xs-2">$100.00</div>
															<div class="col col-xs-2">$100.00</div>
														</div><!--end row-->
														<div class="row m-0 table-content">
															<div class="col col-xs-1">
																<a href="#"><img src="images/14.jpg" width="70" alt="iPhone" title="iPhone"></a>
															</div>
															<div class="col col-xs-3">
																<a href="#">iPhone</a>
															</div>
															<div class="col col-xs-2">product 12</div>
															<div class="col col-xs-2">
																<div class="input-group btn-block">
																	<input type="number"  value="1" size="1" class="form-control form-item">
																</div>
															</div>
															<div class="col col-xs-2">$100.00</div>
															<div class="col col-xs-2">$100.00</div>
														</div><!--end row-->
														<div class="row m-0 table-content">
															<div class="col col-xs-1">
																<a href="#"><img src="images/16.jpg" width="70" alt="iPhone" title="iPhone"></a>
															</div>
															<div class="col col-xs-3">
																<a href="#">iPhone</a>
															</div>
															<div class="col col-xs-2">product 13</div>
															<div class="col col-xs-2">
																<div class="input-group btn-block">
																	<input type="number"  value="1" size="1" class="form-control form-item">
																</div>
															</div>
															<div class="col col-xs-2">$100.00</div>
															<div class="col col-xs-2">$100.00</div>
														</div><!--end row-->
													</div>
												</div>
												<div class="row">
													<div class="col-xs-5 pull-right">
														<div class="total table-div">
															<ul class="table-content">
																<li class="row m-0">
																	<div class="col col-xs-6 text-right">
																		<strong class=" text-right">Sub-Total:</strong>
																	</div>
																	<div class="col col-xs-6">
																		$300.00
																	</div>
																</li>
																<li class="row m-0">
																	<div class="col col-xs-6">
																		<strong>Eco Tax (0):</strong>
																	</div>
																	<div class="col col-xs-6">
																		-$0.00
																	</div>
																</li>
																<li class="row m-0">
																	<div class="col col-xs-6">
																		<strong>VAT (20%):</strong>
																	</div>
																	<div class="col col-xs-6">
																		-$60.00
																	</div>
																</li>
																<li class="row m-0">
																	<div class="col col-xs-6">
																		<strong>Total:</strong>
																	</div>
																	<div class="col col-xs-6">
																		$240.00
																	</div>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</form>
										</div>
										<div class="buttons m-t-30">
											<div class="pull-right">
												<button type="button" class="btn ht-btn bg-6">Confirm Order</button>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!--/panel-->
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Process order -->
		<section  class="process">
			<div class="container">
				<div class="row">
					<div class="col-sm-6 col-md-4">	
						<div class="media ht-media">
							<div class="media-left">
								<i class="fa fa-phone bg-6"></i>
							</div>
							<div class="media-body">
								<h5 class="media-heading">Support 24/7: 0123-456-789</h5>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-4">	
						<div class="media ht-media">
							<div class="media-left">
								<i class="fa fa-truck bg-2"></i>
							</div>
							<div class="media-body">
								<h5 class="media-heading">Free shipping on all orders</h5>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-4">	
						<div class="media ht-media">
							<div class="media-left">
								<i class="fa fa-undo bg-6"></i>
							</div>
							<div class="media-body">
								<h5 class="media-heading">100% money back guarantee</h5>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Footer -->
		<footer class="color-inher">
			<div class="footer-top">
				<div class="container">
					<div class="row">
						<div class="col-sm-3 m-b-xs-30">
							<h3 class="title">Infomation</h3>
							<ul>
								<li><a href="#">About Us</a></li>
								<li><a href="#">Delivery Information</a></li>
								<li><a href="#">Privacy Policy</a></li>
								<li><a href="#">Terms & Conditions</a></li>
							</ul>
						</div>
						<div class="col-sm-3 m-b-xs-30">
							<h3 class="title">My Account</h3>
							<ul>
								<li><a href="#">My Account</a></li>
								<li><a href="#">Order History</a></li>
								<li><a href="#">Wish List</a></li>
								<li><a href="#">Guide use</a></li>
							</ul>
						</div>
						<div class="col-sm-3 m-b-xs-30">
							<h3 class="title">Extras</h3>
							<ul>
								<li><a href="#">Brands</a></li>
								<li><a href="#">Gift Vouchers</a></li>
								<li><a href="#">Affiliates</a></li>
								<li><a href="#">Specials</a></li>
							</ul>
						</div>
						<div class="col-sm-3 m-b-xs-30">
							<h3 class="title">Customer Service</h3>
							<ul>
								<li><a href="#">Contact Us</a></li>
								<li><a href="#">Returns</a></li>
								<li><a href="#">Site Map</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="container">
					<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
				</div>
			</div>
		</footer>
		<!-- jQuery -->
		<script src="js/jquery/jquery-2.2.4.min.js"></script>
		<!-- JqueryUI -->
		<script src="js/jquery/jquery-ui.js"></script>
		<!-- Bootstrap -->
		<script src="js/bootstrap/bootstrap.min.js"></script>
		<!-- Owl-coursel -->
		<script src="js/owl-coursel/owl.carousel.js"></script>
		<!-- Magnific-popup -->
		<script src="js/magnific-popup/jquery.magnific-popup.min.js"></script>
		<!-- Script -->
		<script src="js/script.js"></script>
	</body>
</html>

